<script setup>

import TagDisplay from "@/components/Asset/TagDisplay.vue";

const props = defineProps({
  codePosition: {
    type: String,
    required: true,
  },
  selectedFields: {
    type: Array,
    required: true
  },
  labelType: {
    type: String,
    required: true
  }
});

const content = computed(()=> {
  return props.selectedFields.map(item=> {
    return {
      name: item.label,
      value: 'XXXXXX'
    }
  })
});

</script>

<template>
  <tag-display :label-type="labelType" style="width: 300px;" :content="content" :code-position="codePosition" code="barcode"></tag-display>
</template>

<style scoped lang="scss">

</style>